#set($ctx = $request.getContextPath())
<!doctype html>
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
	<head>
		
		<!-- META -->
		<title>多维矩阵-企业网络信息化专家</title>
		<meta charset="utf-8" />	
		<meta name="description" content=" 多维矩阵  ... " />
		<meta name="keywords"    content=" 微电影 微广播 微推广工具开发   ... " />	
		
		<!-- FAVICON  -->
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />					
			
		<!-- STYLESHEETS -->
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/style.css" />
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/nivo-slider.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/prettyPhoto.css" />
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/jquery.validity.css" />
		
		<!-- SCRIPTS -->
		<script src="${ctx}/r/cms/www/dwcom/js/jquery-1.5.1.min.js" type="text/javascript"></script>
		<script src="${ctx}/r/cms/www/dwcom/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
		<script src="${ctx}/r/cms/www/dwcom/js/jquery.prettyPhoto.js" type="text/javascript"></script>
		<script src="${ctx}/r/cms/www/dwcom/js/jquery.validity.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$('#slider').nivoSlider();
			});
		</script>   		
				
	</head>
	<body>
<!-- HEADER -->
${httpInclude.include("top.vm")}
<!-- end HEADER -->
		
		<!-- MAIN -->		
		<div id="main" class="container">
			<!-- Content -->				
			<div id="content" class="fullwidth">
				<!--  h1 class="title">Portfolio / catalog Full width layout</h1-->
				#if($ourcasesList.size()<1)
					<p style="text-align: center;">对不起!,该分类还没有案例!!</p>
				#else
					#foreach( $case in $ourcasesList )
					<div class="fixed">
						<div class="col-6">
							<p><a href="${ctx}/r/cms/www/dwcom/images/img-23-640x360.jpg" class="image-preview" title="Portfolio item" rel="prettyPhoto[portfolio]"><img alt="Portfolio item" class="shadow"  width="425" height="255" src="$!case.typeImg"></a></p>
							<div class="sticker-4">电子商务</div>
						</div>
						<div class="col-6 last">
							<h3><a href="$!{ctx}/v_case.vm?contentId=$!{case.contentId}">$!case.title</a></h3>
							<p>$!case.description</p>
							<ul class="star">
								#foreach( $!tag in $!case.tagStr.split(";") )
								<li><a href="#">$!tag</a></li>
								#end	
								<li>Qui blandit praesent</li>
								<li>Blandit praesent luptatum</li>
								<li>Luptatum zzril delenit</li>
							</ul>
							<p class="readmore bigbutton"><a href="$!{ctx}/v_case.vm?contentId=$!{case.contentId}">Read more &rarr;</a></p>
						</div>		
					</div>
					<div class="delimiter"></div>
					#end	
				
				<!--  blockquote>Dignissim qui blandit praesent luptatum zzril delenit.</blockquote>				
				<div class="fixed">
					<div class="col-6">
						<p><a href="${ctx}/r/cms/www/dwcom/images/img-24-640x360.jpg" class="image-preview" title="Portfolio item" rel="prettyPhoto[portfolio]"><img alt="Portfolio item" class="shadow" src="${ctx}/r/cms/www/dwcom/images/img-3-426x252.jpg"></a></p>
						<div class="sticker-2">传媒行业</div>
					</div>
					<div class="col-6 last">
						<h3>Portfolio item</h3>
						<p>Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
						<ul class="star">
							<li>Dignissim qui blandit</li>
							<li>Qui blandit praesent</li>
							<li>Blandit praesent luptatum</li>
							<li>Luptatum zzril delenit</li>
						</ul>
						<p class="readmore bigbutton"><a href="#">Read more &rarr;</a></p>
					</div>					
				</div>	
				<div class="delimiter"></div>			
				
				<blockquote>Dignissim qui blandit praesent luptatum zzril delenit.</blockquote>
				<div class="fixed">
					<div class="col-6">
						<p><a href="${ctx}/r/cms/www/dwcom/images/img-26-640x360.jpg" class="image-preview" title="Portfolio item" rel="prettyPhoto[portfolio]"><img alt="Portfolio item" class="shadow" src="${ctx}/r/cms/www/dwcom/images/img-9-426x252.jpg"></a></p>
						<div class="sticker-3">$9999</div>
					</div>
					<div class="col-6 last">
						<h3>Portfolio item</h3>
						<p>Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
						<ul class="star">
							<li>Dignissim qui blandit</li>
							<li>Qui blandit praesent</li>
							<li>Blandit praesent luptatum</li>
							<li>Luptatum zzril delenit</li>
						</ul>
						<p class="readmore bigbutton"><a href="#">Read more &rarr;</a></p>					
					</div>	
				</div>				
				<div class="delimiter"></div>											
				
				<blockquote>Dignissim qui blandit praesent luptatum zzril delenit.</blockquote>
				<div class="fixed">
					<div class="col-6">
						<p><a href="${ctx}/r/cms/www/dwcom/images/img-25-640x360.jpg" class="image-preview" title="Portfolio item"  rel="prettyPhoto[portfolio]"><img alt="Portfolio item" class="shadow" src="${ctx}/r/cms/www/dwcom/images/img-2-426x252.jpg"></a></p>
						<div class="sticker-1">电子商务</div>
					</div>
					<div class="col-6 last">
						<h3>Portfolio item</h3>
						<p>Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
						<ul class="star">
							<li>Dignissim qui blandit</li>
							<li>Qui blandit praesent</li>
							<li>Blandit praesent luptatum</li>
							<li>Luptatum zzril delenit</li>
						</ul>
						<p class="readmore bigbutton"><a href="#">Read more &rarr;</a></p>
					</div>	
				</div>				
				<div class="delimiter"></div-->
				
				
					#set($before =$page.currentPage - 1)
					#set($next =$page.currentPage + 1)
					#set($remain = $page.totalPage - $page.currentPage)
					<ul class="pagenav">
						<li><a href="${ctx}/v_news_list.vm?pageNo=1" title="首页">&laquo;</a></li>
						<li><a href="${ctx}/v_news_list.vm?pageNo=#pageCount($!before,${page.totalPage})" title="上页">&lsaquo;</a></li>
						#if($remain>=0)
						<li class="current">#if($page.currentPage==0) 1 #else $page.currentPage #end</li>
						#end
						#if($remain>=1)
						<li><a href="${ctx}/v_news_list.vm?pageNo=#addIndex($page.currentPage,1)">#addIndex($page.currentPage,1)</a></li>
						#end
						#if($remain>=2)
						<li><a href="${ctx}/v_news_list.vm?pageNo=#addIndex($page.currentPage,2)">#addIndex($page.currentPage,2)</a></li>
						#end
						#if($remain>=3)
						<li><a href="${ctx}/v_news_list.vm?pageNo=#addIndex($page.currentPage,3)">#addIndex($page.currentPage,3)</a></li>
						#end
						#if($remain>=4)
						<li><a href="${ctx}/v_news_list.vm?pageNo=#addIndex($page.currentPage,4)">#addIndex($page.currentPage,4)</a></li>
						<li class="extend">...</li>
						#end
						<li><a href="${ctx}/v_news_list.vm?pageNo=#pageCount($next,${page.totalPage})" title="下页">&rsaquo;</a></li>
						<li><a href="${ctx}/v_news_list.vm?pageNo=${page.totalPage}" title="尾页">&raquo;</a></li>
					</ul>			
				#end	
			</div>	<!-- end Content -->	
				
		</div>
		<!-- end MAIN -->		

		<!-- FOOTER -->
${httpInclude.include("footer.vm")}
		<!-- end FOOTER -->
	</body>
</html>		
